<template>

    <div id="myhead">
       <myHeader/>
    </div>
    <!--    <el-divider />-->
    <div id="myMain" >
        <router-view/>
    </div>
    <!--        <el-divider />-->
    <div class="app-foot">
        {{ footerMsgCopyright }}
        <span class="source">{{ footerMsgName }}</span>
    </div>

</template>

<script setup lang="ts">
    console.log("myApp")
    import  myHeader from "@/views/component/MyHeader.vue"
    // 版权说明的文字
    const footerMsgCopyright = 'Copyright © 2024-2024 毕业设计 - Powered By ';
    // 单位
    const footerMsgName = '胡继承'



</script>

<style scoped>

    #myhead{
        position: fixed;
        width: 100%;
        z-index: 999; /* 设置一个较高的 z-index 值，确保头部在最上层 */
    }
    #myMain{
        position: relative;
        top:50px;
    }

    .app-foot {
        min-height: 35px;
        background-color: #eeeeee;
        width: 100%;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .source {
        font-weight: 600;
    }
</style>

